<template>
  <view class="topNav">
    <view class="nav-search" @click="goPages('/pages/Job/shaiXuan')">
	  <image class="search-img" :src="imgUrl+'/search.png'" mode=""></image>
	  <vie>搜索职位</vie>
    </view>
  </view>
</template>
 
<script>
  export default {
    data() {
      return {
		 imgUrl:this.imgUrl,
      }
    },
    methods: {
 
    },
	
  }
</script>
 
<style scoped>
  .topNav {
    height: 100rpx;
    /* background-color: #00aa7f; */
    display: flex;
    align-items: center;
    padding: 0 20rpx;
	position: fixed;
	left: 0;
	z-index: 999;
	width: 100%;
    box-sizing: border-box;
	display: flex;
	align-items: center;
  }
 
  .nav-left {
    font-size: 36rpx;
    font-weight: 600;
    color: #ffeb3b;
    margin-right: 30rpx;
    font-style: italic;
  }
 
 /* .nav-search input {
    width: 60%;
    height: 62rpx;
    border-radius: 30rpx;
    padding-left: 25rpx;
    background-color: #f0f8ffa6;
    box-sizing: border-box;
  } */
 
  .placClass {
    font-size: 24rpx;
    color: #fff;
  }
  .nav-search{
  	width: 680rpx;
  	height: 73rpx;
  	position: relative;
  	z-index: 9;
  	border: #3B9fE0 2rpx solid;
  	background: #ffffff;
  	border-radius: 40rpx 40rpx 40rpx 40rpx;
  	font-family: PingFang SC, PingFang SC;
  	font-weight: 400;
  	font-size: 28rpx;
  	line-height: 80rpx;
  	color: #6D7A96;
  	padding-left: 33rpx;
  	text-align: left;
  	font-style: normal;
  	text-transform: none;
  }
  .nav-search .search-img{
  	width: 28rpx;
  	margin-right: 26rpx;
  	height: 28rpx;
  }
</style>